<template>
   <!-- 路径导航 -->
  <el-breadcrumb separator-class="el-icon-arrow-right">
    <!-- 循环 路由信息里面matced 字段内容，这个字段内容是嵌套路由的路径信息 -->
    <el-breadcrumb-item v-for="(item,index) in $route.matched" :to="item.path || '/' " :key="index">
      <i class="el-icon-house" v-if="index===0"></i> {{item.meta.title}}
    </el-breadcrumb-item>
  </el-breadcrumb>
</template>
<script>
export default {
  name: 'Breadcrumb'
}
</script>

<style>

</style>
